<template>
  <view class="reservation flex flex-middle flex-center">
    <u-icon class="icon" name="clock" size="14" color="#ffffff" />
    {{ select ? "选择" : "预约" }}
  </view>
</template>

<script>
export default {
  props: {
    select: {
      type: Boolean,
      default: false,
    },
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.reservation {
  width: 58px;
  height: 28px;
  border-radius: 28px;
  background: #31bc4e;
  color: #fff;
  font-size: 13px;

  .icon {
    margin-right: 2px;
  }
}
</style>